<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>一个重要的内置关系</title>
    <script src="../js/vue.js"></script>
</head>
<body>
    <!-- 
        vm和vc的区别：
            （1）vm有el配置项，可以指定容器，vc没有
            （2）vm的data配置项既可以是函数，也可以是对象  vc的data配置项只可以是函数

        VueComponent.prototype.__proto__ === Vue.prototype
     -->
     <div id="app">

     </div>

     <script>
         Vue.config.productionTip = false
        
        function Demo(){
            this.a = 1
            this.b = 2
        }
        const d = new Demo()
        console.log(Demo.prototype);  // 显示原型属性
        console.log(d.__proto__);     // 隐式原型属性


        const school = Vue.extend({
            template:`
                <div>
                    <h1>学校名称：{{schoolName}}</h1>
                    <h1>学校地址：{{address}}</h1>
                </div>
            `,
            data(){
                return{
                    schoolName:'尚硅谷',
                    address:'北京昌平',
                }
            }
        })


        const vm = new Vue({

         }).$mount('#app')
     </script>
</body>
</html>